<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>Webpack-devtool模式对比</h1>
      <div>
        <p>eval-是否使用eval执行模块代码</p>
        <p>cheap-Source Map是否包含行信息</p>
        <p>module-是否能够得到Loader处理之前的源代码</p>
      </div>
      <p>eval---只能定位是哪一个文件出了问题</p>
      <p>eval-source-map---除了定位是那个文件出错，还定位到了行和列</p>
      <p>cheap-eval-source-map--定位是那个文件出错，还定位到了行,但是没有列</p>
      <p>cheap-module-eval-source-map,和上面的差别就是源代码经过加工</p>
      <p></p>
      <p></p>
      <p></p>
      <p></p>
      <p></p>
      <p></p>
      <p></p>
      <p></p>
    </div>
    <script></script>
  </body>
</html>
